<template>
  <div class="company-box">
    <div class="company-title">
      <div
        class="cash-title"
        :class="{ctive: Active==='1'}"
        @click="ActiveCash('1')"
        v-if="tabPower.czjl"
      >充值记录</div>
      <div
        class="account-title"
        :class="{ctive: Active==='2'}"
        @click="ActiveCash('2')"
        v-if="tabPower.dgzhcz"
      >对公账户充值</div>
      <div
        class="account-title"
        :class="{ctive: Active==='3'}"
        @click="ActiveCash('3')"
        v-if="tabPower.hytx"
      >
		  <!-- 消息的气泡 -->
		  <el-badge :value="msg.hytx" :max="99" :hidden="msg.hytx == 0" class="item">会员提现审批</el-badge>
	  </div>
      <div
        class="account-title"
        :class="{ctive: Active==='4'}"
        @click="ActiveCash('4')"
        v-if="tabPower.qytk"
      >
		  <!-- 消息的气泡 -->
		  <el-badge :value="msg.qytk" :hidden="msg.qytk == 0" :max="99" class="item">企业退款申请审批</el-badge>
	  </div>
      <div
        class="account-title"
        :class="{ctive: Active==='5'}"
        @click="ActiveCash('5')"
        v-if="tabPower.jljf"
      >
		  <!-- 消息的气泡 -->
		  <el-badge :value="msg.jljf" :hidden="msg.jljf == 0" :max="99" class="item">奖励积分</el-badge>
	  </div>
      <div
        class="account-title"
        :class="{ctive: Active==='6'}"
        @click="ActiveCash('6')"
        v-if="tabPower.ewjljf"
      >额外奖励积分充值</div>
	  
	<div
	  class="account-title"
	  :class="{ctive: Active==='7'}"
	  @click="ActiveCash('7')"
	  v-if="tabPower.ewjljf"
	>返费管理（二手单）</div>
    </div>

    <div class="context-box">
      <div
        class="item-box"
        v-if="Active==='1'"
      >
        <cash :type="Active"></cash>
      </div>
      <div
        class="item-box"
        v-if="Active==='2'"
      >
        <account :type="Active"></account>
      </div>
      <div
        class="item-box"
        v-show="Active==='3'"
      >
        <apply :type="Active" :totalNum.sync="msg.hytx"></apply>
      </div>
      <div
        class="item-box"
        v-show="Active==='4'"
      >
        <socialRefundApl :type="Active"  :totalRefund.sync="msg.qytk"></socialRefundApl>
      </div>
      <div
        class="item-box"
        v-show="Active==='5'"
      >
        <bonusPoint :type="Active"  :totalNum.sync="msg.jljf"></bonusPoint>
      </div>
      <div
        class="item-box"
        v-if="Active==='6'"
      >
        <Recharge :type='Active'></Recharge>
		
        <!-- <bonusPoint :type="Active"></bonusPoint> -->
      </div>
	  
	  <div
	    class="item-box"
	    v-if="Active==='7'"
	  >
	  		<returnFee :type='Active'></returnFee>
	  </div>
	  
    </div>
  </div>
</template>
<style scpoed src="./company.css">
</style>
<script src="./company.js">
</script>